<template>
  <div id="app">
    <router-view></router-view>
    <FooterGuide></FooterGuide>
  </div>
</template>

<script>
// 导入底部组件 
import FooterGuide from '@/components/FooterGuide/FooterGuide'

export default {
  components: {
    FooterGuide
  },
  // vuex 创建生命周期的一环, 因为在之后的接口请求中, 可能会用到地址信息
  // 所以在这里提前将地址信息获取
  mounted() {
    this.$store.dispatch('getAddress')
    this.$store.dispatch('getUserInfo')
    // 调用一下, 看 mockjs 是否能够起作用
    this.$store.dispatch('getShopInfo')
  },
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
    #app
      width 100% 
      height 100% 
      background #f5f5f5
</style>
